@import "~scss/variables";

.sw-settings-search-live-search {
    &__description {
        font-size: $font-size-xs;
    }

    &__show-example-link {
        display: grid;
        grid-auto-flow: column;
        grid-column-gap: 4px;
        align-items: center;
        margin: 18px 0 12px;
        color: $color-shopware-brand-500;
        font-size: $font-size-xs;
        text-decoration: underline;
        cursor: pointer;
    }

    &__search-icon {
        cursor: pointer;
    }

    &__search-results {
        position: relative;
        padding: 10px 0;
    }

    &__no-result {
        display: block;
        margin: 18px 0;
        font-size: $font-size-xs;
    }

    &__grid-result {
        margin-top: 18px;
    }

    &__sorting-select {
        margin-bottom: 0;
    }
}
